// 导航栏
.nav{
    border-radius: 20px;
    position: fixed;
    top:120px;
    left:50px;
    width: 200px;
    height: 600px;
    display: flex;
    flex-direction: column;
    align-items:center;
    // background-color: skyblue;
    background:-webkit-linear-gradient(-45deg,rgba(28, 105, 243),rgba(80, 149, 243));
    .nav-self-info{
        display: flex;
        flex-direction: column;
        align-items:center;
        margin-top:50px;
        width: 200px;
        border-bottom:1px solid #eee;
        .head-pic{
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background-color: pink;
        }
        .username{
            margin-top:10px;
            margin-bottom:10px;
            text-align: center;
            font-size:18px;
            color:white;
        }
    }
    .nav-module{
        overflow: hidden;
        display: flex;
        flex-direction: column;
        flex:1;
        width: 100%;
        margin-top:20px;
        margin-bottom: 20px;
        .module-current-background{
            background:rgb(135, 187, 235);
        }
        li{
            flex:1;
            text-align: center;
            color:#fff;
            line-height: 93px;
            font-size:20px;
            cursor: pointer;
            .glyphicon{
                font-size: 16px;
            }
            &:hover{
                background-color:#FF6700;
            }
            &:nth-child(4){
                position: relative;
                span{
                    position: absolute;
                    top:38px;
                    right:20px;
                }
            }
        }
    }
}
// 主模块区
.main-module{
    width: 1100px;
    background: #F2F4F7;
    margin-top:120px;
    margin-left:300px;
    // 公共模块部分
    .part-module{
        display: none;
        width: 100%;
        header{
            border-radius:20px ;
            width: 100%;
            height: 60px;
            box-shadow: 0px -1px 0px 0px #f2f2f2 inset;
            background-color: #fff;
            ul{
                li{
                    float:left;
                    height: 60px;
                    line-height: 60px;
                    padding:0 24px;
                    margin-left:40px;
                    font-weight: 500;
                    color: #181e33;
                    font-size:16px;
                    cursor: pointer;
                    &:hover{
                        border-bottom: 4px solid skyblue;
                    }
                }
            }
        }
        .science-forum-content{
            width:100% ;
            li{
                width: 100%;
                height: 226px;
                margin-top:15px;
                background-color:#fff;
            }
        }
    }
    // 科普论坛模块
    .science-forum-content{
        .science-list-item{
            padding: 16px 20px;
            border-radius: 20px;
            h2{
                a{
                    font-size: 16px;
                    font-weight: 600;
                    color: #121212;
                }
                
            }
            .science-list-item-content{
                margin-top:10px;
                
                .science-list-item-pic{
                    float:left;
                    img{
                        width: 190px;
                        height: 105px;
                    }
                }
                .science-list-item-text{ 
                    text-indent: 1em;
                    margin-left:40px;      
                    float:left;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 5;
                    overflow: hidden;
                    width: 700px;
                    height: 100px;
                    font-size: 14px;
                    white-space: normal;
                }
                
            }
        }
        
    }
    // 挂号模块
    .hospital-register{
        .register-list-item{
            position: relative;
            margin-top:20px;
            padding: 16px 20px;
            background-color: #fff;
            border-radius: 20px;
            .hospital-title{
                a{
                    font-size: 16px;
                    font-weight: 600;
                    color: #121212;
                }
                
            }
            .doctor-list-item-content{
                margin-top:10px;
                .doctor-list-item-pic{
                    float:left;
                    img{
                        width: 190px;
                        height: 105px;
                    }
                }
                .doctor-info{
                    float:left;
                    margin-left:115px;
                    margin-top:-20px;
                    width: 400px;
                    height:165px;
                    
                    font-size:16px;
                    font-weight: 600;
                    ul{
                        width: 100%;
                    }
                    li{
                        float:left;
                        margin-top:20px;
                        width: 50%;
                    }
                }
                .register-btn{
                    position: absolute;
                    bottom:40px;
                    right:40px;
                    font-size:20px;
                }
            }
        }
        
    }
    //我的病历模块
    .medical-records{
        width: 1100px;
        .medical-record-item{  
            width: 100%; 
            .record-card{
                padding: 20px 70px;
                table{ 
                    width: 900px;
                    background-color: #fff;
                    font-size:16px;
                    thead{
                        font-weight:600;
                    }
                    td{
                        height: 60px;
                        text-align:center;
                    }
                }    
            }
        }
    }
    .pagination{
        margin-left:300px!important;
    }
}